<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head lang="en">
<meta charset="UTF-8">
<title>EC2 management</title>
<link rel="stylesheet"
	href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link href="http://v3.bootcss.com/examples/dashboard/dashboard.css"
	rel="stylesheet">
<link href="myCss.css" rel="stylesheet">
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body>
	<nav class="navbar navbar-inverse navbar-fixed-top">
	<div class="container-fluid">
		<div class="navbar-header">
			<span class="glyphicon glyphicon-asterisk">brand</span>
		</div>
		<div id="navbar" class="navbar-collapse collapse">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="http://v3.bootcss.com/examples/dashboard/#">Help</a></li>
			</ul>
			<form class="navbar-form navbar-right">
				<input type="text" class="form-control" placeholder="Search...">
			</form>
		</div>
	</div>
	</nav>

	<div class="container-fluid">
		<div class="row">
			<div class="col-sm-3 col-md-2 sidebar">
				<ul class="nav nav-sidebar" id="parent">
					<li class="sidebar-menu"><a href="#accountMenu"
						class="nav-header collapsed" data-toggle="collapse">账户管理</a>
						<ul id="accountMenu" class="nav collapse menu-second">
							<li><a href="Account.html"><i
									class="glyphicon glyphicon-tint"></i> 秘钥对管理</a></li>
							<li><a href="IAM.html"><i
									class="glyphicon glyphicon-tint"></i> IAM管理</a></li>
						</ul> <a href="#EC2Meun" class="nav-header collapsed"
						data-toggle="collapse">EC2管理</a>
						<ul id="EC2Meun" class="nav collapse menu-second">
							<li><a href="EC2Create.html"><i
									class="glyphicon glyphicon-tint"></i> EC2创建</a></li>
							<li><a href="EC2Switch.html"><i
									class="glyphicon glyphicon-tint"></i> EC2状态切换</a></li>
							<li><a href="#"><i class="glyphicon glyphicon-tint"></i>
									EC2调度</a></li>
						</ul> <a href="#S3Menu" class="nav-header collapsed"
						data-toggle="collapse">S3管理</a>
						<ul id="S3Menu" class="nav collapse menu-second">
							<li><a href="bucketmanagement.html"><i
									class="glyphicon glyphicon-tint"></i> 存储桶管理</a></li>
							<li><a href="filemanagement.html"><i
									class="glyphicon glyphicon-tint"></i> 文件管理</a></li>
						</ul></li>
					<li><a href="DataCol.html">数据采集程序</a></li>
				</ul>
			</div>
			<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"
				style="margin-top: -20px">
				<!--<h1 class="page-header"></h1>-->
				<!--<div class="row placeholders"></div>-->
				<h2 class="sub-header">Wecome to use the DataCollector
					Management</h2>

				<div div class="panel panel-info">
					<div class="panel-heading">
						<h3 class="panel-title">添加数据采集程序</h3>
					</div>
					<div class="panel-body">
						<form action="addCollector.do" method="post"
							enctype="multipart/form-data">

							<div class="form-group has-info has-feedback">
								<label style="align: center; float: left; height: 30px">数据采集程序名：</label>
								<input type="text" placeholder="请输入程序名" name="datacollectorname"
									id="datacollectorname">
							</div>

							<div class="form-group has-info has-feedback">
								<label style="float: left">请选择程序文件：</label> <input
									class="btn btn-info" type="file" name="uploadfile" value="上传文件">
							</div>

							<div class="form-group">
								<div class="col-sm-offset-10 col-sm-10">
									<input type="submit" class="btn btn-lg btn-info"
										value="一键上传至S3">
								</div>
							</div>
						</form>
					</div>
				</div>

				<div div class="panel panel-info">
					<div class="panel-heading">
						<h3 class="panel-title">删除数据采集程序</h3>
					</div>
					<div class="panel-body">
						<form action="uploadobject.do" method="post"
							enctype="multipart/form-data">
							<form role="form-horizontal">
								<div class="form-group has-info has-feedback">
									<div class="row">
										<label class="col-sm-offset-1"
											style="align: center; float: left; height: 30px">数据采集程序名：</label>
										<select class="selectpicker col-sm-3 col-sm-offset-1"
											name="username" style="width: 150px; height: 30px;">
											<option value="name1">name1</option>
											<option value="name2">name2</option>
											<option value="name3">name3</option>
										</select>
										<div class="col-sm-2 col-sm-offset-1">
											<input type="submit" class="btn btn-sm btn-info" value="确定">
										</div>
									</div>
								</div>
							</form>
						</form>
					</div>
				</div>

				<div div class="panel panel-info">
					<div class="panel-heading">
						<h3 class="panel-title">修改数据采集程序</h3>
					</div>
					<div class="panel-body">
						<div class="row">
							<label class="col-sm-offset-1"
								style="align: center; float: left; height: 30px">数据采集程序名：</label>
							<select class="selectpicker col-sm-3 col-sm-offset-1"
								name="username" style="width: 150px; height: 30px;">
								<option value="name1">name1</option>
								<option value="name2">name2</option>
								<option value="name3">name3</option>
							</select>
							<div class="col-sm-2 col-sm-offset-1">
								<input type="submit" class="btn btn-sm btn-info"
									data-toggle="modal" data-target="#myModal" value="确定">
							</div>
						</div>
					</div>
				</div>

				<div div class="panel panel-info">
					<div class="panel-heading" class="row">
						<h3 class="panel-title col-md-3">查询数据采集程序</h3>
						<input type="submit" class="btn btn-sm btn-success" value="查询">
					</div>
					<div class="panel-body"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">修改信息</h4>
				</div>
				<div class="modal-body">
					<form action="uploadobject.do" method="post"
						enctype="multipart/form-data">
						<form role="form-horizontal">
							<div class="form-group has-info has-feedback">
								<div class="row">
									<label class="col-sm-offset-1"
										style="align: center; float: left; height: 30px">数据采集程序名：</label>
									<input type="text" placeholder="请输入修改后的名字">
								</div>
							</div>
							<div class="form-group has-info has-feedback">
								<div class="row">
									<label class="col-sm-offset-1"
										style="align: center; float: left; height: 30px">描&nbsp;&nbsp;&nbsp;述&nbsp;&nbsp;&nbsp;信&nbsp;&nbsp;&nbsp;息&nbsp;&nbsp;：</label>
									<input type="text" placeholder="请输入描述信息">
								</div>
							</div>
						</form>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary">保存</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>